<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="mul" lang="mul" dir="ltr">
<head>
    <title>Sunlightr 2.0</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--<link rel="shortcut icon" href="path/to/favicon.ico" />-->
    <link rel="stylesheet" href="path/to/external/stylesheet.css" media="screen"/>
    <style type="text/css">
        /* inline styles */
    </style>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="sunriset.js"></script>
    <script type="text/javascript">

        function undecimalise_time(h) {
            return "" + Math.floor(h) + ":" +
                   Math.round((h - Math.floor(h)) * 60.0);
        }

        $(function() {
            now = new Date();
            myrs = sunriset.sun_rise_set(now,
                                        116.23,
                                        39.54);
            $("#rise").html(myrs.rise.toString());
            $("#set").html(myrs.set.toString());
        });

        console.log("foo");
    </script>
</head>
<body>
<p>Rise: <span id="rise"></span></p>
<p>Set: <span id="set"></span></p>
</body>
</html>